<%@ page language="java" contentType="text/html;charset=UTF-8"
	pageEncoding="UTF-8" import="com.fps.web.model.*"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="form" uri='http://www.springframework.org/tags/form'%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 5 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<%
String type = "";
if(null != session.getAttribute("LOGIN_SYS_USER_INFO")){
    type = ((BaseUser) session.getAttribute("LOGIN_SYS_USER_INFO")).getType();
}else{
	type= "";
}
%>
<head>
<meta charset="utf-8">
<title>用户管理</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">
</head>
<!--  1、 框架标签引入区 （start）-->
<!--  1、 框架标签引入区 （end）-->
<!--  2、 CSS声明区 （start）-->
<!--  2.0、引入CSS区 （start）-->
<link rel="stylesheet"
	href="<%=request.getContextPath() %>/other/layui/css/layui.css" />
<link rel="stylesheet"
	href="<%=request.getContextPath() %>/freeStyle/css/saber.css" />
<!--  2.0、 引入CSS区 （end）-->
<!--  2.1、本界面CSS区 （start）-->
<!--  2.1、 本界面CSS区 （end）-->
<!--  2、 CSS声明区 （end）-->
<!--  3、JS声明区 （start）-->
<!--  3.0、 导入外部JS区 （start）-->
<!--  3.0、 导入外部JS区 （end）-->
<!--  3.1、 全局变量声明区 （start）-->
<script type="text/javascript">

</script>
<!--  3.1、 全局变量声明区 （end）-->
<!--  3.2、 初始化区 （start）-->
<script type="text/javascript">

</script>
<!--  3.2、 初始化区 （end）-->
<!--  3.3、 页面控制区 （start）-->
<script type="text/javascript">

</script>
<!--  3.3、 页面控制区 （end）-->
<!--  3.4、 事件区 （start）-->
<script type="text/javascript">
function addUser(id,type){
	var type="<%=type%>";
	if(type!="m1"&&type!="m2"){
		alert("您没有权限进行新增或者修改用户，请使用管理员账号!");
		return false;
	}
	var url ="<%=request.getContextPath() %>/user/userManagement.html?id="+id+"&type="+type+"";
	layer.open({
		  type: 2 //此处以iframe举例
	        ,title: ['用户管理', 'font-size:18px;background-color:#fff;color:#000']
	        ,area: [$(document.body).width()-50+'px', $(document.body).height()-50+'px']
	        ,shade: 0
	        ,maxmin: true
	        ,content: url
	        ,zIndex: layer.zIndex //重点1
	        ,end :function(){
	        	layui.table.reload('userList', {
            		  url: '<%=request.getContextPath() %>/user/loadUserList.html'
            		  ,where: {} //设定异步数据接口的额外参数
            	});
	        }
		});    
}
</script>
<!--  3.4、 事件区 （end）-->
<!--  3.5、 回调区 （start）-->
<script type="text/javascript">
		
</script>
<!--  3.5、 回调区 （end）-->
<!--  3.6、 业务逻辑区 （start）-->
<!--  3.6、 业务逻辑区 （end）-->

<!--  3、 JS声明区 （end）-->
<body class="body">
<input type="hidden" name="exceldata" id="exceldata" >
	<div class="toobar">
		<div class="btn-left">
		 	<button onclick="addUser('','add')" class="layui-btn fps-btn-color layui-btn-radius layui-btn-sm"><i class="layui-icon">&#xe654;</i>用户新增</button>
		</div>
		<div class="btn-right">
		</div>
	</div>
	<div style="margin: 90px 50px 30px;background:#fff;padding:20px;">
		<%-- <div style="overflow:hidden;padding-bottom:10px;">
			<div style="float:left">
				<p style="float:left;line-height:32px;">菜单：</p>
				<input type="text" name="menuname" id="menuname" style="float:left;width:206px;height:32px;margin:0 2px;border:1px solid #ddd;"  value="${lcappointmentresult.menuname }" placeholder="请输入菜单"  class="layui-input">
			</div>
			<button class="layui-btn fps-btn-color fps-btn-sm" onclick="reloadList()"><i class="layui-icon">&#x1002;</i></button>
		</div> --%>
		<table class="layui-hide" id="userList" lay-filter="userList"></table>
	</div>
</body>
<script type="text/html" id="barTool">
  <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>
  <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
  <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>
<script type="text/javascript"
	src="<%=request.getContextPath() %>/other/layui/layui.js"></script>
<script type="text/javascript"
	src="<%=request.getContextPath() %>/js/common/jquery-2.0.3.min.js"></script>
<script type="text/javascript">
layui.use(['element','table','layer'], function(){
	  	var element = layui.element,
	  		table = layui.table,
	  		form = layui.form,
	  		layer = layui.layer;
	  
	  
	  //展示已知数据
	  table.render({
	    elem: '#userList'
	    ,url: '<%=request.getContextPath() %>/user/loadUserList.html'
  		,where: {} //设定异步数据接口的额外参数
	    ,cols: [[ //标题栏
	       {type:'numbers'}
	      ,{field: 'username', title: '用户名' }
	      ,{field:'type', title:'类型'}
	      ,{fixed: 'right', width:178, align:'center', toolbar: '#barTool'}
	    ]]
	    ,limit:10
  		,limits:[10,15,20,30,40,50,60,70,80,90]
	    ,page: { //支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档
	        layout: [  'prev', 'page', 'next', 'skip','count','limit'] //自定义分页布局
	        ,curr: 1 //设定初始在第 5 页
	        ,groups: 3 //只显示 1 个连续页码
	       // ,theme: '#000' 
	      }
	  });
	//监听工具条
	  table.on('tool(userList)', function(obj){
	    var data = obj.data;
	    if(obj.event === 'detail'){
	    	addUser(data.id,"detail");
	    } else if(obj.event === 'del'){
	    	var type="<%=type%>";
	    	if(type!="m1"&&type!="m2"){
	    		alert("您没有权限进行新增或者修改用户，请使用管理员账号!");
	    		return false;
	    	}
	      layer.confirm('请确认是否删除？', function(index){
	    	  $.ajax({
	              url:"<%=request.getContextPath() %>/user/deleteUser.html",
	              type:"post",
	              async: false,
	              data:data,
	              success:function(res){
	      	        layer.close(index);
	      	      	layui.table.reload('userList', {
            		  url: '<%=request.getContextPath() %>/user/loadUserList.html'
            		  ,where: {} //设定异步数据接口的额外参数
            		});
	              },
	              error:function(e){
	            	  layer.alert("删除失败！");
	              }
	          });  
	      
	      });
	    } else if(obj.event === 'edit'){
	    	addUser(data.id,"edit");
	    }
	  });
	});

</script>
</body>
</html>